getElementsByTagName () মেথড একটি নোড লিস্ট রিটার্ন করে। নোড লিস্ট হলো নোডের একধরনের অ্যারে।
নিম্নলিখিত উদাহরণে ডকুমেন্টের সকল <p> নোডকে সিলেক্ট করা হয়েছেঃ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p>স্যাট একাডেমী</p>
<p>বাংলাদেশের বৃহত্তম বাংলা প্রোগ্রামিং ওয়েবসাইট।</p>
<p id="test"></p>
<script>
var para = document.getElementsByTagName("p");
document.getElementById("test").innerHTML = para[0].innerHTML;
</script>
</body>
</html>
নোটঃ ইনডেক্স সবসময় ০ থেকে শুরু হয়।
length প্রোপার্টি দ্বারা নোড লিস্টের নোডের সংখ্যা নির্দেশ করেঃ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p>স্যাট একাডেমী</p>
<p>বাংলাদেশের বৃহত্তম বাংলা প্রোগ্রামিং ওয়েবসাইট।</p>
<p id="test"></p>
<script>
var para = document.getElementsByTagName("p");
document.getElementById("test").innerHTML = para.length;
</script>
</body>
</html>
উদাহরণের বর্ণনা
নোড লিস্টের নোডের মধ্যে লুপ করতে চাইলে length প্রোপার্টি খুবই উপকারী।
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p>স্যাট একাডেমী</p>
<p>বাংলাদেশের বৃহত্তম বাংলা প্রোগ্রামিং ওয়েবসাইট।</p>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var para = document.getElementsByTagName("p");
var x;
for( x = 0; x < para.length; x++) {
para[x].style.backgroundColor = "blue";
}
}
</script>
</body>
</html>
নোড লিস্ট অ্যারে(array) নয়!
একটি নোড লিস্ট একটি অ্যারের মত মনে হতে পারে, কিন্তু আসলে তা নয়। আপনি নোড লিস্টের মধ্যে লুপ করতে পারেন এবং এর নোডকে অ্যারের মত উল্লেখ করতে পারেন। কিন্তু আপনি অ্যারের valueOf () অথবা join() মেথড নোড লিস্টে ব্যবহার করতে পারবেন না।
Read more
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
